﻿
Test voor knoppen met icoon:
<br /><br />
<script>
    $(function () {
        $(".demo button:first").button({
            icons: {
                primary: "ui-icon-locked"
            },
            text: false
        }).next().button({
            icons: {
                primary: "ui-icon-locked"
            }
        }).next().button({
            icons: {
                primary: "ui-icon-gear",
                secondary: "ui-icon-triangle-1-s"
            }
        }).next().button({
            icons: {
                primary: "ui-icon-gear",
                secondary: "ui-icon-triangle-1-s"
            },
            text: false
        });
    });
	</script>

<div class="demo">

<button>Button with icon only</button>
<button>Button with icon on the left</button>
<button>Button with two icons</button>
<button>Button with two icons and no text</button>

</div>

<br /><br /><br /><br />



Test voor toggle knoppen:

<br /><br />

<script type="text/javascript">
    $(function () {
        $("#check").button();
        $("#format").buttonset();
    });
</script>






<input type="checkbox" id="check" /><label for="check">toggle</label>

<div id="format">
	<input type="checkbox" id="check1" /><label for="check1">B</label>
	<input type="checkbox" id="check2" /><label for="check2">I</label>
	<input type="checkbox" id="check3" /><label for="check3">U</label>
</div>


<br /><br /><br /><br />

Test voor form opmaak:
<br /><br />

<script type="text/javascript">
    $(document).ready(function () {
        $("#searchbar").attr("value", "Geef usernaam...");

        var text = "Geef usernaam...";

        $("#searchbar").focus(function () {
            $(this).addClass("active");
            if ($(this).attr("value") == text) $(this).attr("value", "");
        });

        $("#searchbar").blur(function () {
            $(this).removeClass("active");
            if ($(this).attr("value") == "") $(this).attr("value", text);
        });
    });
</script>


<form action="" method="get">
	
		<input type="text" id="searchbar" />
		<input type="submit" id="searchbtn" />
</form>

<br /><br />

Gast: @Session["isGuest"].ToString() <br />
Helpdesk: @Session["isHelpdesk"].ToString() <br />
Admin: @Session["isAdmin"].ToString() <br />


<br /><br /><br />

<a href="#"><img src="/content/images/delete.png" width="15" height="15" alt="Verwijder" title="Verwijder link..." onclick="if (!confirm('Are you sure you want to delete this record?')) return false"/></a>

<br /><br />


<div class="DeleteButton" >Delete</div> 